<template>
  <div class="bos">
    <div class="area-center">
      <head-page title="商会待遇(免费)"> </head-page>
      <!-- 版心区域 -->
      <div class="center bold-size">
        <!-- 底部区域 -->
        <div class="bottom richText m-t-0" v-html="content"></div>
      </div>
    </div>
  </div>
</template>

<script>
import { getTTreatment } from "@/api/chambe";
export default {
  data() {
    return {
      content: "",
    };
  },
  mounted() {
    getTTreatment({
      treatmentName: "商会待遇",
    }).then((res) => {
      this.content = this.dataHTML(res.data);
    });
  },
  methods: {
    // 跳转到党建教育厅
    All() {
      this.$router.push("/treatmenfour");
    },
  },
};
</script>
<style scoped >
.bos {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 版心区域 */
.center {
}
/* 标题区域 */
h3 {
  width: 100%;
  height: 0.3rem;
  line-height: 0.3rem;
  padding-left: 0.03rem;
  display: flex;
  align-items: center;
}
h3 img {
  width: 0.23rem;
  margin-right: 0.05rem;
}
/* 底部区域 */
.bottom {
  width: 100%;
}

.geng {
  width: 70px;
  height: 20px;
  float: right;
  border-radius: 0.1rem;
  text-align: right;
  line-height: 0.2rem;
  /* background-color: rgb(199, 190, 190); */
}
</style>